jQuery-তে কনটেন্ট ম্যানিপুলেশনের জন্য text(), html(), এবং val() ফাংশনগুলি খুবই কার্যকর। এগুলি ডকুমেন্ট অবজেক্ট মডেল (DOM) থেকে কনটেন্ট পড়া এবং সেটি পরিবর্তন করার জন্য ব্যবহৃত হয়।
text() ফাংশন
text() ফাংশন দিয়ে এলিমেন্টের প্লেইন টেক্সট কনটেন্ট পাওয়া যায় এবং সেট করা যায়। এটি HTML ট্যাগ অগ্রাহ্য করে কেবল টেক্সট কনটেন্টই প্রদর্শন করে।
পাঠ্য পেতে:
var content = $("#myElement").text();
console.log(content); // এলিমেন্টের টেক্সট কনটেন্ট প্রদর্শন করবে
পাঠ্য সেট করতে:
$("#myElement").text("নতুন টেক্সট");
html() ফাংশন
html() ফাংশন দিয়ে এলিমেন্টের HTML কনটেন্ট পাওয়া যায় এবং সেট করা যায়। এটি এলিমেন্টের ভিতরের HTML, অর্থাৎ ট্যাগসহ সমস্ত কিছু প্রদর্শন করে।
HTML পেতে:
var htmlContent = $("#myElement").html();
console.log(htmlContent); // এলিমেন্টের HTML কনটেন্ট প্রদর্শন করবে
HTML সেট করতে:
$("#myElement").html("<strong>বোল্ড টেক্সট</strong>");
val() ফাংশন
val() ফাংশন দিয়ে ফর্ম এলিমেন্টস (যেমন ইনপুট, সিলেক্ট বক্স ইত্যাদি) থেকে ভ্যালু পাওয়া যায় এবং সেট করা যায়। এটি বিশেষত ফর্ম ডেটা প্রসেস করার সময় উপকারী।
ভ্যালু পেতে:
var inputValue = $("#myInput").val();
console.log(inputValue); // ইনপুট ফিল্ডের মান প্রদর্শন করবে
ভ্যালু সেট করতে:
$("#myInput").val("নতুন মান");
jQuery-র text(), html(), এবং val() ফাংশনগুলি ওয়েব ডেভেলপারদের জন্য কনটেন্ট ম্যানিপুলেশনে বিশেষ করে ডকুমেন্টের ডাটা পড়া এবং লিখার কাজকে সহজ করে দেয়। এই মেথডগুলির সহায়তায় ডিনামিক কনটেন্ট ম্যানেজমেন্ট এবং ডেটা হ্যান্ডলিং খুব সহজে করা যায়, যা ইউজার ইন্টারঅ্যাকশনের প্রতিক্রিয়াকে দ্রুত এবং নির্ভুল ভাবে প্রদর্শন করে।
Read more
